
import { Descriptions, Button, Spin } from 'antd'
import { ReloadOutlined } from '@ant-design/icons';
import React, { useContext, useEffect, useState } from 'react'
import './404.scss'

import { useNavigate } from 'react-router-dom';
import { refreshError } from '@/components/tabs/loadTabs';



function Page404(props) {
  const navigate = useNavigate();
  const [loading, setLoading] = useState(false);




  return (
    <Spin spinning={loading}>
      <div className='layout-404'>
        <Descriptions column={1} title="访问路径不存在！"      >
          <Descriptions.Item label="">
          </Descriptions.Item>
          <Descriptions.Item label="">
            请点击返回按钮
          </Descriptions.Item>
          <Descriptions.Item label="">
            <Button icon={<ReloadOutlined />} type="primary" className='botton-404' onClick={()=>refreshError(navigate)}>返回</Button>
          </Descriptions.Item>
        </Descriptions>
      </div>
    </Spin>

  )
}

export default Page404
